<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="lz">
    <title></title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="yejiao.css">
    <link rel="stylesheet" href="wode.css">
    <style>
       .icon1{
            background-position: 0 -700%;
        }
        .icon4{
            background-position: 0 -400%;
        }
        body{
            background-color: #eee;
        }
    </style>
</head>

<body>
    <header>
        <div>
            <img src="服务/images/bg_0425a88.png" alt="">
            <div>
                <img src="服务/images/avatar_e29d6cb.png" alt="">
                <span><a href="登录.html">登录/注册</a></span>
            </div>
        </div>
    </header>


    <section class="wddd">
        <div>
            <span>我的订单</span>
            <div>
                <span>全部订单</span>
                <img id="jkh" src="服务/images/icon_back_n.png" alt="">
            </div>
        </div>
    </section>

    <section class="sxzl">
        <div>
            <div class="tpjl2 t1"></div>
            <div>待付款</div>
        </div>
        <div>
            <div class="tpjl2 t2"></div>
            <div>待收货</div>
        </div>
        <div>
            <div class="tpjl2 t3"></div>
            <div>退换修</div>
        </div>
    </section>

    <section class="ty">
        <div></div>
        <span>我的优惠</span>
        <img src="服务/images/icon_back_n.png" id="jkh" alt="">
    </section>

    <section class="ty" style="margin-bottom: 0;">
        <div id="f1"></div>
        <span>服务中心</span>
        <img src="服务/images/icon_back_n.png" id="jkh" alt="">
    </section>
        <section class="ty" style="margin-top: 0;">
        <div id="f2"></div>
        <span>小米之家</span>
        <img src="服务/images/icon_back_n.png" id="jkh" alt="">
    </section>

    </section>
        <section class="ty" style="margin-top: 0;">
        <div id="f3"></div>
        <span>设置</span>
        <img src="服务/images/icon_back_n.png" id="jkh" alt="">
    </section>




    <footer>
        <nav>

            <a href="首页.html" >
                <div class="tpjl icon1"></div>
                <div>首页</div>
            </a>
            <a href="分类.html" >
                <div class="tpjl icon2"></div>
                <div>分类</div>
            </a>
            <a href="购物车.html" >
                <div class="tpjl icon3"></div>
                <div>购物车</div>
            </a>
            <a href="#" >
                <div class="tpjl icon4"></div>
                <div>我的</div>

                </div>
        </nav>
    </footer>
    <script src="bootstrap/js/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>